<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h2>请写出上web课的感受，必须包含开心，不能有不开心</h2>
    <input type="text" onblur="inpBlur(this)">
    <script>
        // indexOf 方法
        function inpBlur(that){
            // 判断是否有字串；indexOf
            if(that.value.indexOf('开心')>=0&&that.value.indexOf('不')==-1){
                console.log('恭喜你，答对了');
            }else{
                console.log('输错了，重新输入');
            }

        }

        // slice 方法 indexOf 方法 charAt 方法 
        var txt = '马上周末了，很开心';
        var newTxt = txt.slice(0,5); //包括start不包括end 即0,1,2,3,4,这五个
        console.log(newTxt);
        var newTxt = txt.slice(3);  //下标为3的字符开始到最后，即第四个字符到最后
        console.log(newTxt);
        var newTxt = txt.slice(-3); //后数三个 -1是最后一个字符 -2是倒数第二个
        console.log(newTxt);
        console.log(txt.indexOf('开心'));  //首次出现的位置下标
        console.log(txt.indexOf('不开心'))
        console.log(txt.charAt(3)); // char[i]类似
        for(var i=0;i<txt.length;i++){
            // document.write('<h2>txt.charAt(i)</h2>') 不对
            document.write('<h2>'+txt.charAt(i)+'</h2>') 
            document.write('<h2>'+txt[i]+'</h2>')
        }
    </script>
</body>
</html>